<template>
	<view class="adjust_main" v-if="menuList[0]?true:false">
		<view class="all_num">
			<view class="sign">股东总数</view>
			<view class="num_box">
				<text class="num">{{menuList[0].distributor_total || 0}}</text>
				<text class="people">人</text>
			</view>
		</view>
		<view class="menu_box">
			<view class="menu_item" v-for="(item,index) in menuList" :key="index">
				<view class="menu_name">{{item.level_name}}</view>
				<view class="menu_num">
					<text class="num">{{item.count || 0}}</text>
					<text class="num_peo">人</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				detailForm: {},
				menuList: [{
						name: '创客股东',
						count: 0
					},
					{
						name: '天使股东',
						count: 0
					},
					{
						name: '百业联盟合伙人',
						count: 0
					},
					{
						name: '3万元私董会',
						count: 0
					},
				]
			};
		},
		methods: {
			init() {
				this.$loading()
				this.$adminPost('GetBusinessDataAnalysis', {
					business_id: this.vuex_business.pk_id
				}).then(({
					data
				}) => {
					this.menuList = data
					this.$hide()
				})
			}
		},
	};
</script>

<style scoped lang="scss">
	.adjust_main {
		padding: 30rpx;

		.all_num {
			background: var(--color);
			border-radius: 16rpx;
			color: #fff;
			padding: 0 24rpx;

			.sign {
				font-size: 26rpx;
				padding-top: 24rpx;
			}

			.num_box {
				padding: 40rpx 0;
				text-align: center;

				.num {
					font-size: 60rpx;
				}

				.people {
					font-size: 40rpx;
					margin-left: 6rpx;
				}
			}
		}
	}

	.menu_box {
		display: flex;
		justify-content: space-between;
		padding: 34rpx 0;
		flex-wrap: wrap;

		.menu_item {
			width: calc(50% - 16rpx);
			height: 174rpx;
			background: #FFFFFF;
			box-shadow: 0px 2rpx 18rpx 0px rgba(234, 234, 234, 0.8);
			border-radius: 10px;
			color: var(--color);
			padding: 0 18rpx;
			margin-bottom: 30rpx;

			.menu_name {
				padding-top: 18rpx;
				font-size: 26rpx;
			}

			.menu_num {
				margin-top: 20rpx;
				text-align: center;

				.num {
					font-weight: bold;
					font-size: 56rpx;
				}

				.num_peo {
					font-size: 36rpx;
					margin-left: 6rpx;
				}
			}
		}
	}
</style>
